@charset "utf-8";
:root{
    --red: #fd0003;
    --yellow: #ecd50d;
    --orange: #ff7f05;
    --blue: #0095e3;
    --green: #15ff15; /*#25ce69;*/
    --gray: #666;
    --bgcolor: transparent;  /*#0b122e  rgba(255, 255, 255, 0.1)*/
    --bdcolor: #5967a4;
    --form: rgba(18, 37, 79, .5);
    --form1: rgba(18, 37, 79, 1);
    --fontcolor: #eee; /*#d5d5db;*/
    --layerBgc: #07276d ; /* #3F51B5 */
    --thover: rgba(0, 149, 227, .12);
    --gap: 5px;
    --fontC: #9e9e9e;
    /*--linearBgc: linear-gradient(to bottom, rgba(42, 8, 69,.6), rgba(100, 65, 165,1));*/
}


.layui-header{
    height: 0.6rem;
}

.layui-layout-admin .layui-body{
    top: 0.6rem;
    bottom: 0;
    left: 2rem;
    overflow: hidden;
    padding-bottom: 0;
    /*min-width: 824px;*/
}
.layui-layout-admin .layui-header {
    background-color: var(--bgcolor);
    box-shadow: 0 0 2px #fff;
}
.layui-layout-admin .layui-logo {
    color: #3c8fff;
    width: 1.5rem;
}
.layui-layout-admin .layui-logo img{
    height: 0.34rem;
    margin: 0.15rem auto;
}
.layui-layout-admin .layui-side{
    top: 0.6rem;
    width: 2rem;
    min-width: 135px;
}
.layui-nav *{
    font-size: 0.18rem;
}
.layui-layout-left .layui-nav-item a{
    font-size: 0.2rem;
}
.layui-header .layui-nav-child{
    background-color: var(--form1);
}
.layui-header .layui-nav .layui-nav-child a:hover{
    background-color: var(--blue);
    color: #fff;
}
.layui-header .triangle{
    color: var(--orange);
    margin-left: 3px;
}
.layui-header .layui-nav-more{
    /*width: auto;*/
    /*height: auto;*/
    /*border-width: 0;*/
    position: relative;
    top: 3px;
    right: auto;
    color: var(--orange);
    font-size: 0.18rem;
    margin-left: 3px;
    /*margin-top: 0;*/
}

.layui-side-scroll{
    width: 2rem;
}
.layui-side i.icon{
    margin-right: 10px;
    font-size: 0.48rem;
}
.layui-nav-tree{
    width: 2rem;
}
.layui-nav-tree .layui-nav-item>a .layui-nav-more{
    padding: 0;
}
.layui-nav-tree .layui-nav-item a{
    height: 0.9rem;
    line-height: 0.9rem;
}
.layui-nav-tree .layui-nav-item dl a{
    height: 0.6rem;
    line-height: 0.6rem;
}
.layui-side .layui-nav{
    height: calc(100% - 0.54rem);
    margin-top: 10px;
    overflow: auto;
    background-color: var(--bgcolor);
    border: 1px solid var(--bdcolor);
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}
.layui-side .jyt{
    width: 2rem;
    height: 0.32rem;
    text-align: center;
    border: 1px solid #5765a1;
    border-radius: 0 0 5px 5px;
    border-top: 0;
}
.layui-side .layui-nav-more{
    /*width: auto;*/
    /*height: auto;*/
    /*border-width: 0;*/
    /*top: 0;*/
    color: var(--orange);
    /*margin-top: 0;*/
    font-size: 0.18rem;
}
.layui-nav-itemed>a .layui-nav-more{
    margin-top: 0;
}
/*侧边-深色*/
.layui-bg-dark{
    background-color: var(--bgcolor) !important;
}
.layui-nav{
    background-color: transparent;
}
.layui-nav-tree .layui-nav-item{
    border-bottom: 1px solid rgba(89, 103, 164, 0.3);
}
.layui-nav-tree .layui-nav-item a{
    font-size: 0.16rem;
    display: flex;
}
.layui-nav-tree .layui-nav-item a:hover{
    background-color: rgba(255, 255, 255, 0.2);
}
.layui-nav-itemed>.layui-nav-child{
    background-color: transparent !important;
}
.layui-nav-child{
    background-color: var(--bgcolor);
}
.layui-nav .layui-nav-item{
    line-height: 0.6rem;
}
.layui-nav .layui-nav-item a{
    padding: 0 0.1rem;
}
.layui-side .layui-nav .layui-nav-item a{
    padding: 0 10px;
}
.layui-nav .layui-nav-item a, .layui-nav .layui-nav-child a{
    color: var(--fontcolor);
}
.layui-header a.active{
    background-color: rgba(255, 255, 255, 0.1);
}
.layui-side .layui-nav .layui-nav-item > a.active{
    color: var(--blue) !important;
}
.layui-side .layui-nav .layui-nav-item > a.active + dl a.active{
    background-color: rgba(255, 255, 255, 0.1);
}
.layui-side .layui-nav-tree .layui-nav-child a{
    padding-left: 0.4rem;
}
.layui-side .layui-nav-tree .menu_three + ol a{
    padding-left: 0.6rem;
}
.layui-input{
    padding-left: 0.1rem;
}
.layui-input, .layui-select, .layui-textarea{
    background-color: var(--form);
    border-color: var(--bdcolor);
    color: #fff;
}
.layui-inline{
    margin-right: 0;
    margin-bottom: 5px;
}

.layui-elem-quote {
    border-left: 0;
    border-left-color: #3c8fff;
    background-color: var(--bgcolor);
    padding: 0;
    margin-bottom: 0;
}

.layui-btn {
    background-color: #3c8fff;
    background: linear-gradient(45deg, #6163ff,  #0095e3);
}
.layui-btn-lg{
    height: 0.44rem;
    line-height: 0.44rem;
    padding: 0 0.25rem;
    font-size: 0.16rem;
}

.layui-btn-primary {
    background: var(--bgcolor);
    border-color: var(--bdcolor);
    color: #ccc;
}

.layui-btn-primary:hover {
    background-color: var(--blue);
    border-color: var(--bdcolor);
    color: #fff;
}

.layui-btn-group .layui-btn-primary:hover {
    color: #3c8fff
}

.layui-laypage a, .layui-laypage span{
    color: #777;
}

.layui-laypage a:hover {
    color: #3c8fff
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #3c8fff
}

.layui-laypage select:focus {
    border-color: #3c8fff !important
}

.layui-upload-drag .layui-icon {
    font-size: 50px;
    color: #3c8fff
}

.layui-upload-drag[lay-over] {
    border-color: #3c8fff
}
.layui-nav-tree .layui-nav-child dd.layui-this a {
    background-color: #3c8fff
}
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a{
    background-color: rgba(255, 255, 255, 0.1);
}
.layui-nav-tree .layui-nav-bar {
    background-color: #3c8fff
}

.layui-tab-brief > .layui-tab-title .layui-this {
    color: #3c8fff
}

.layui-slider-input-btn i:hover {
    color: #3c8fff
}

.layui-slider-wrap-btn {
    border-color: #3c8fff !important
}

.layui-slider-bar {
    background: #3c8fff !important
}

html .layui-laydate .layui-this {
    background-color: #3c8fff !important
}

.laydate-theme-molv .layui-laydate-header {
    background-color: #3c8fff
}

.laydate-theme-grid .laydate-selected, .laydate-theme-grid .laydate-selected:hover {
    color: #3c8fff !important
}

.layui-progress-bar {
    background-color: #3c8fff;
}
.layui-form-label{
    /*width: 65px;*/
    width: auto;
    padding: 0.09rem 0.06rem;
    text-align-last: justify;
    /*font-size: 14px;*/
}
.layui-form-item{
    margin-bottom: 0.05rem;
}
input{
    color:var(--fontcolor);
}
.layui-form-select .layui-input{
    color:var(--fontcolor);
}
.layui-form-select dl{
    background-color: var(--form1);
}
.layui-form-select dl dd.layui-this {
    background-color: #3c8fff;
}
.layui-form-select dl dd:hover{
    background-color: var(--blue);
}
.layui-form-checked, .layui-form-checked:hover {
    border-color: #3c8fff
}

.layui-form-checked span, .layui-form-checked:hover span {
    background-color: var(--blue)
}

.layui-form-checked i, .layui-form-checked:hover i {
    color: var(--blue)
}
.layui-form-checkbox[lay-skin=primary] span{
    height: 0.2rem;
    color: var(--fontcolor);
}
.layui-form-checkbox[lay-skin=primary]:hover span{
    background-color: transparent;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: var(--blue)
}

.layui-form-checked[lay-skin=primary] i {
    border-color: var(--blue);
    background-color: var(--blue)
}
.layui-form-checkbox[lay-skin=primary] i{
    background-color: transparent;
    color: transparent;
}
.layui-form-checked[lay-skin=primary] i{
    color: #fff !important;
}
.layui-form-onswitch {
    border-color: var(--blue);
    background-color: var(--blue)
}

.layui-form-radio > i:hover, .layui-form-radioed > i,
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{
    color: var(--blue)
}
/*.layui-table{*/
/*    background-color: rgba(255, 255, 255, .1);*/
/*    color: #fff;*/
/*}*/
/*.layui-table thead tr,*/
/*.layui-table-total tr{*/
/*    background-color: rgba(255, 255, 255, .1);*/
/*    color: #555;*/
/*}*/
/*.layui-table tbody tr:hover{*/
/*    background-color:rgba(255, 255, 255, .3);*/
/*    color: #fff;*/
/*}*/
.layui-table-edit:focus {
    border-color: var(--blue) !important;
    background-color: var(--layerBgc) !important;
}
.layui-nav-tree .layui-nav-itemed:after {
    background-color: var(--blue)
}

.layui-nav-child dd.layui-this {
    background-color: var(--blue)
}

.layui-nav .layui-nav-child dd.layui-this a {
    background-color: var(--blue)
}

.layui-breadcrumb a:hover {
    color: var(--blue) !important
}

.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom: 2px solid var(--blue)
}

.layui-tab-card > .layui-tab-more .layui-this {
    color: var(--blue)
}

.layui-timeline-axis {
    color: var(--blue)
}

.laydate-day-mark::after {
    background-color: var(--blue) !important
}

.layui-laydate-header i:hover, .layui-laydate-header span:hover {
    color: var(--blue) !important
}

.layui-laydate-footer span:hover {
    color: var(--blue) !important
}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    background-color: var(--blue) !important
}

.layui-transfer-active .layui-btn {
    background-color: var(--blue);
    border-color: var(--blue);
}

.layui-form-checked[lay-skin=primary] i {
    border-color: var(--blue) !important;
    background-color: var(--blue);
}

.layui-btn-normal {
    background-color: var(--green);
}

.layui-btn-warm {
    background-color: var(--orange);
}

.layui-btn-danger {
    background-color: var(--red);
}

.layui-btn-disabled, .layui-btn-disabled:hover, .layui-btn-disabled:active {
    background-color: #FBFBFB;
}

.btn-block{
    width: 100%;
    display: block;
}

::-webkit-scrollbar , ::-webkit-scrollbar{
    /*display: none;*/
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.3);
}

/*layui-table*/
.layui-table td, .layui-table th{
    padding: 5px 10px;
    border-color: var(--bdcolor);
}
.layui-table-view{
    margin: 0;
}
.layui-table-view .layui-table th{
    padding: 5px 0;
}
.layui-table{
    background: transparent;
    color: #fff;
    box-sizing: border-box;
}
.layui-table-view,.layui-table-page{
    border-color: var(--bdcolor);
}
.layui-laypage span{
    color: #777;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: var(--bgcolor);
}
.layui-laypage-skip input,.layui-laypage button{
    background: var(--bgcolor);
    border:1px solid var(--bdcolor);
    color: #fff;
}
.layui-laypage-limits select{
    border:1px solid var(--bdcolor);
    background: var(--bgcolor);
    color: #ccc;
}
.layui-laypage-limits select option{
    background-color: var(--form);

}
.layui-table tbody tr:hover, .layui-table-hover{
    background-color: var(--thover);
}
.layui-table thead tr,.layui-table tbody tr:hover,
.layui-table-total, .layui-table-total tr {
    background: var(--thover);
}
.layui-table-header{
    background-color: var(--bgcolor);
    border-color: var(--bdcolor);
}
.layui-table-body .layui-none{
    color: #fff;
}
.layui-table-init{
    background-color: var(--bgcolor) !important;
}
.layui-table-tool,.layui-table-click{
    background-color: var(--bgcolor);
}
.layui-table-tool .layui-inline[lay-event]{
    color: #fff;
}
.layui-table-tool-panel{
    background-color: #12254f;
}

/*layer*/
.layui-layer-setwin .layui-layer-close1,
.layui-layer-setwin .layui-layer-max{
    filter: invert(1);
}
.layui-layer-setwin .layui-layer-min cite{
    background-color: #ababab !important;
}
.layui-layer-dialog,.layui-layer-title{
    color: #fff !important;
    background-color: var(--layerBgc) !important;
}
.layui-layer-page .layui-layer-content{
    color: #fff !important;
    background-color: var(--layerBgc) !important;
    overflow: visible !important;
    border: 1px solid var(--bdcolor);
    background: url('/statics/imgs/map_bg.png') no-repeat;
    background-size: cover;
}
.layui-layer-content form{
    margin: 0 auto;
    padding: 10px;
}
.layui-layer-content .layui-input,
.layui-layer-content .layui-select,
.layui-layer-content .layui-textarea,
.layui-layer-content .xm-select-parent .xm-input,
.layui-layer-content .xm-input.xm-select,
.layui-layer-content .xm-select-dl,
.layui-layer-content .layui-form-item dl
{
    color: #fff;
    border: 1px solid rgba(42, 8, 69, .6);
    background-color: #324091 !important;
}
.xm-select-parent .xm-form-select dl dt{
    line-height: 20px;
}
.xm-select-parent .xm-select-title{
    width: 158px;
}
.xm-select-parent dd > .xm-cz-group{
    margin-right: 20px;
    max-width: 110px !important;
}
.layui-layer-content .xm-select-tips{
    color: #fff;
    border: 0;
    background-color: #324091 !important;
}
.layui-layer-content  .xm-select-title{
    border: 1px solid rgba(42, 8, 69, .6);
}
input::-webkit-input-placeholder{
    color: #ebebeb;
}
.layui-layer-msg{
    border: 1px solid #ccc !important;
    background-color: #313c65 !important;
}
/*select 多选 样式*/
.xm-select-parent .xm-select{
    background: var(--form1) !important;
}
.xm-form-checkbox > span{
    color:var(--fontcolor) !important;
}
.xm-input.xm-select,
.xm-select-dl,
.xm-select-tips{
    background-color: var(--form1) !important;
    color:var(--fontcolor) !important;
    border-color: #555;
}
.xm-select-parent dl{
    width: auto;
}
.xm-select-parent .xm-form-select dl dd:hover{
    background-color: rgba(33, 150, 243, 0.2) !important;
}
.xm-select-parent .xm-input{
    background: var(--form1) !important;
    border-color: var(--bdcolor) !important;
}
div[xm-select-skin=normal].xm-form-selected .xm-select,
.xm-select-parent .xm-select:hover{
    border-color: #fff !important;
}

.layui-checkbox-disbaled span{
    color: #888 !important;
}
.layui-checkbox-disbaled i{
    border-color: #888 !important;
}
.layui-checkbox-disbaled:hover i{
    color: transparent !important;
}

.layui-layer-content input.layui-input[disabled]{
    cursor: not-allowed;
}
.layui-carousel, .layui-carousel>[carousel-item]>*{
    background-color: transparent;
}
.layui-carousel[lay-anim=updown] .layui-carousel-ind{
    right: 10px;
}
/*dropdown*/
.layui-panel{
    background-color: var(--form1);
    color: #fff;
    border-color: var(--bdcolor);
}
.layui-menu{
    background-color: var(--form1);
}
.layui-menu li{
    color: #fff;
}
.layui-menu li:hover{
    background-color: var(--blue);
}
.iframe-layer{
    overflow: auto;
}
